// requery(jqery)
$(function () {
  //点击去注册账号，隐藏登录页面，显示注册页面
  $('#loginBox a').on('click', function () {
    $('#loginBox').hide()
    $('#regBox').show()
  })
  //点击去登录，隐藏注册页面，显示登录页面
  $('#regBox a').on('click', function () {
    $('#regBox').hide()
    $('#loginBox').show()
  })

  // 表单验证规则定义，利用layui框架实现，  lay-verify="属性名|属性名"
  layui.form.verify({
    // 账号规则
    username: [/^[a-zA-Z0-9]{1,10}$/, '请输入1到10位数字和字母'],
    // 密码规则
    password: [/^[\S]{1,10}$/, '请输入1到10位，且不能出现空格'],
    // 确认密码规则
    repassword: function (value, item) {
      let pad = $('#regBox input[name=password]').val()
      if (pad != value) {
        return '两次密码不一致'
      }
    }
  })

  // 注册的axios请求
  $('#regBox form').on('submit', function (e) {
    e.preventDefault()
    axios({
      method: 'POST',
      url: '/api/reguser',
      data: $(this).serialize()
    }).then(({ data: res}) => {
      if(res.status != 0) {
        return layui.layer.msg(res.message)
      }
      layui.layer.msg(res.message)
      $('#regBox form')[0].reset()
      $('#regBox a').click()
    }).catch(err => {
      return layui.layer.msg('页面出错，请联系管理员')
    })
  })

  // 登录的axios请求
  $('#loginBox form').on('submit', function (e) {
    e.preventDefault()
    axios({
      url: '/api/login',
      method: 'POST',
      data: $(this).serialize()
    }).then(({ data: res}) => {
      if(res.status != 0) {
        return layui.layer.msg(res.message)
      }
      layui.layer.msg(res.message)
      $('#loginBox form')[0].reset()
      location.href = '/index.html'
      localStorage.setItem('token', res.token)
    }).catch(() => {
      return layui.layer.msg('页面出错，请联系管理员')
    })
  })
})